var clipboard = new ClipboardJS('.h-r-tool-copy');
clipboard.on('success', function(e) {
    alert('复制成功');
});


$(function () {

    var homeSwiper = new Swiper('.m3-swiper .swiper-container', {
        loop: true,
        grabCursor: true,
        paginationClickable: true
    })
    $('.m3-swiper .arrow-left').on('click', function (e) {
        e.preventDefault()
        homeSwiper.swipePrev()
    })
    $('.m3-swiper .arrow-right').on('click', function (e) {
        e.preventDefault()
        homeSwiper.swipeNext()
    })

    // 视频播放
    var myPlayer = videojs('my-video');
    var timer = null;
    $('.h-play-btn').click(function() {
        videojs("my-video").ready(function(){
            $('.h-banner').hide();
            $('.h-video').show();
            var myPlayer = this;
            myPlayer.width($(window).width());
            myPlayer.play();
            timer = setInterval(function() {
                var _currentTime = myPlayer.currentTime();
                var _totalTime = myPlayer.duration();
                if(_currentTime == _totalTime) {
                    $('.h-banner').show();
                    $('.h-video').hide();
                    clearInterval(timer);
                }
            }, 1000);
        });
    })

    $('.h-r-tool-lis').hover(function() {
        $(this).find('.h-r-tool-hover').stop().fadeIn(300);
    }, function() {
        $(this).find('.h-r-tool-hover').stop().fadeOut(300);
    });

    $('.m1-block-cover .m1-block-code').click(function() {
        $(this).parents('.m1-block').find('.m1-block-hover').stop().fadeIn(300);
    });

    $('.m1-block-hover .close').click(function() {
        $(this).parents('.m1-block-hover').stop().fadeOut(300);
    });

    // $('.m2-lis-img').hover(function() {
    //     $(this).find('.m2-img-hover').stop().fadeIn(300);
    // }, function() {
    //     $(this).find('.m2-img-hover').stop().fadeOut(300);
    // });

    $('.m2-lis-code').click(function() {
        if($(this).hasClass('active')) {
            $(this).removeClass('active');
            $(this).parents('.m2-lis').find('.m2-img-hover').stop().fadeOut(300);
        } else {
            $(this).addClass('active');
            $(this).parents('.m2-lis').find('.m2-img-hover').stop().fadeIn(300);
        }
    })

    // $('.m3-swiper-img').hover(function() {
    //     $(this).find('.m3-swiper-hover').stop().fadeIn(300);
    // }, function() {
    //     $(this).find('.m3-swiper-hover').stop().fadeOut(300);
    // });

    $('.m3-swiper-code').click(function() {
        $('.m3-swiper-code').removeClass('active');
        $('.m3-swiper-hover').stop().fadeOut(300);
        if(!$(this).hasClass('active')) {
            $(this).addClass('active');
            $(this).parents('.m3-swiper-li').find('.m3-swiper-hover').stop().fadeIn(300);
        } 
    })

    $('.footer .f-b-link li').hover(function() {
        $(this).find('.f-b-code').stop().fadeIn(300);
    }, function() {
        $(this).find('.f-b-code').stop().fadeOut(300);
    })
})